﻿@charset "utf-8";
/*banner*/
.banner {
	clear:both;
	position:relative;
	width:100%;
	height:700px;
	overflow:hidden;
	z-index: -1;
}
.banner .hd {
	position:absolute;
	left:0;
	bottom:30px;
	width:100%;
	height:2px;
	text-align:center;
	display: none;
}
.banner .hd li {
	display:inline-block;
	*display:line;
	*zoom:1;
	margin:0 10px;
	width:10px;
	height:10px;
	text-indent:-9999px;
	cursor:pointer;
	background:#1373BF;
	border-radius:50%;
}
.banner .hd li.cur {
	background:#1373BF;
}
.banner .bd,.banner .bd ul {
	height:700px;
}
.banner .bd li {
	position:relative;
	width:100%;
	height:700px;
}
.banner .bd li a {
	display:block;
	position:absolute;
	left:50%;
	top:0;
	margin-left:-960px;
	width:1920px;
	height:700px;
}
.banner .prev,.banner .next {
	position:absolute;
	z-index:999;
	top:50%;
	margin-top:-30px;
	width:58px;
	height:58px;
	cursor:pointer;
	opacity:0;
	transition: all 1s;
}
.banner .prev {
	left:8%;
	background:url(../images/banner_prev.png) no-repeat;
}
.banner .next {
	right:8%;
	background:url(../images/banner_next.png) no-repeat;
}
.banner:hover .prev,.banner:hover .next {
	opacity:1;
}

/*yf_c*/
.yf_c {overflow: hidden;padding-top: 60px;margin-bottom:100px;}
.yf_c li{float:left;font-size:0;line-height: 0;width:400px;position: relative;}
.yf_c li b img {width:400px;height:360px;}
.yf_c li p {width:100%;height: 100%;background:rgba(0,0,0,0.6);position: absolute;left:0;top:0;text-align: center;}
.yf_c li p i{padding-top:50px;font-size:0;line-height: 0;display: block;height: 85px;background: url(../images/yf_a.png) no-repeat center bottom;}
.yf_c li p span {display: block;height:46px;line-height: 46px;padding-top:18px;font-size:26px;color: #fff;font-weight: bold;}
.yf_c li p em {font-size:18px;color: #fff;line-height: 28px;padding:16px 40px 0;display: block;}
.yf_c li.cur p{background:rgba(0,143,71,0.85);}
.yf_c li.cur p i{animation-duration:3s;animation-name:flipInY;}

/**/
.yzbj {
	height:115px;
	background:#109E51;
}
.yz {
	height:115px;
	border: px solid #f00;
}
.yz .y {
	width:345px;
	height:86px;
	padding-top:15px;
	padding-left:55px;
	float:left;
	background:#109E51;
	z-index: 100;
	margin-right: 70px;
        background:url(../images/lx.png) center left no-repeat;
}
.yz .y em {
	font-size: 32px;
	font-family: "Myriad Pro";
	color:#fff;
	display: block;
	line-height:42px;
	padding-left:15px;
	
}
.yz .keywords {
	float:right;
	width:730px;
}
.yz .keywords em {
	display: block;
	width:760px;
	margin-top: 27px;
	float:left;
}
.yz .keywords em i {
	float:left;
	font-size: 16px;
	color:#FFF;
	margin-right: 5px;
}
.yz .keywords em a {
	display: block;
	float:left;
	font-size: 16px;
	color:#FFF;
	margin-right: 7px;
}
.yz .keywords p {
	width:209px;
	height:30px;
	float:right;
	margin-top: 20px;
	background:url(../images/hg3.png) no-repeat bottom center;
}
.yz .keywords p .txt {
	width:163px;
	height:30px;
	padding:0 10px;
	font-size: 14px;
	color:#FFF;
	opacity: 0.5;
	float:left;
	border:0;
	background:0;
}
.yz .keywords p .btn {
	width:21px;
	height:21px;
	background:url(../images/btn.png) no-repeat center;
	float:left;
	border:0;
}
/* --product-- */
.pro{overflow:hidden; background: #F2F2F2;padding-bottom: 60px;}
.bt {
  margin-top: 60px;
  margin-bottom: 40px;
  text-align: center;
  color: #202020;
  font-size: 36px;
  line-height: 1;}
.bt img {
    padding-top: 16px;
    padding-bottom: 10px;
}
.bt p {
    font-size: 18px;
    font-weight: 500;
}
/*-- flc--*/
.flc{ width:230px;float:left;animation:bounceinL 1s ease-out backwards;background: #fff;}
.flc h3{ height:110px;font:24px "Microsoft YaHei"; text-align:center; background: url(../images/flctop.png) center center no-repeat;margin-top: 25px;margin-bottom: 25px;}
.flc h3 a{ display:block; color:#333;padding-top: 30px;}
.flc h3 a b {font-weight:bold;}
.flc h3 em{ display:block; font:16px Arial; text-transform:uppercase; color:#333;letter-spacing: 2px;margin-top: 5px;margin-bottom: 10px;}
.flc .flst {margin-bottom: 20px;}
.flc .flst li{position: relative;z-index: 999999;width: 190px;left: 20px;}
.flc .flst li a{border: 1px solid #dcdcdc;  color: #333;display: block;height: 56px;line-height: 56px;font-size: 16px;padding-left: 20px;padding-right: 20px; margin-bottom: 18px;text-align: center;}
.flc .flst li a:hover,.flc .flst .cur2 a{background:#109E51 url(../images/flico1.png) no-repeat 203px 20px;color: #fff;}
.flc .flst .fl2st{position: absolute;left:191px;top:1px;background:#109E51; width: 190px; display: none; overflow: hidden;}
.flc .flst .fl2st li a{float: left; width: 150px;padding-left: 5px; padding-right: 0;margin-left: 0;color: #fff; height: 56px;line-height: 56px; border: none;font-weight: normal; overflow:hidden; }
.flc .flst li:hover .fl2st{display: block;}
.product_nr {
	float: left;
	width: 915px;
	margin-left: 20px;
}
.cplst dl{float: left;width:31.2%;margin-left:1.5%; height: 100%;position: relative;margin-bottom: 10px;overflow: hidden;}
.cplst dt{width: 100%;display: block;}
.cplst dt img{width: 100%;display: block;}
.cplst dt em{display: block;height: 42px;line-height: 42px;background: #f5f5f5;text-align: center;font-size: 20px;color: #333333;}
.cplst dt em i{display: inline-block;background:url(../images/cpico.jpg) no-repeat;width: 16px;height: 16px;position: relative;left: 20px;}
.cplst dd{position: absolute;left:0;bottom:-100%;background:url(../images/sah.png) repeat;width: 100%;height: 100%;transition: all 0.3s linear 0s;}
.cplst h3{padding-top: 19%;height: 44px;line-height: 44px;text-align: center;overflow: hidden;font-size: 20px;font-weight: bold;color: #fff;}
.cplst h3 a{color: #fff;}
.cplst dd p {line-height: 28px;font-size: 14px;color: #fff;width: 90%;margin-left: 5%;}
.cplst span{display:block; width:140px;margin:15px auto;}
.cplst span a{display: block;background:url(../images/cpbtn.png) left no-repeat;width: 140px;height: 40px;line-height: 40px;font-size: 16px;color: #fff;}
.cplst span a b {margin-left: 47px;}


.cplst dl:hover dd{bottom:0;}
.cplst dl:hover dt em i{display: none;}
.cplst dl:hover dt em{font-size: 0}

/*youshi*/

.til01{text-align: center;height:154px;color: #109E51;font-size:44px;line-height:56px;font-family: "宋体";background:url(../images/tilbg1.png) no-repeat center 50px;}
.til01 a,.webox_w h2 a{color: #109E51;}
.til01 em,.webox_w h2 p{display: block;font-family: Arial;font-size: 13px;text-transform: uppercase;color: #bbb;line-height: 26px;font-weight: normal;}
.til01 span{color: #666;font-size: 22px;font-weight: normal;line-height: 36px;display: block;padding: 0 14px;background: #fff;font-family: "Microsoft Yahei";margin:0 auto;width:298px;}
.youshi {
	height: 1670px;
}
.ys1_box {
	width: 1200px;
	height: 500px;
}
.ys1 {
	width: 455px;
	border: px solid #f00;
	height: 310px;
	margin-left: 45px;
	margin-top: 130px;
}
.ys1 h3 {
	position: relative;
	height: 118px;
	padding-left: 102px;
	font-size: 24px;
	color: #222222;
	font-weight: normal;
	font-style: italic;
	font-style:normal;
	line-height: 38px;
}
.ys1 h3 em {
	display: block;
	font-weight: bold;
	font-style:normal;
	color: #109E51;
}
.ys1 h3 b {
	font-style:normal;
	position: absolute;
	left:0;
	top:0;
	background:#109E51;
	border-top: 3px solid #454545;
	width: 65px;
	height: 77px;
	line-height: 77px;
	text-align: center;
	font-size: 46px;
	font-weight: bold;
	color: #fff;
	font-family: arial;
}
.ys1 p {
	font-size: 16px;
	line-height: 32px;
	color: #454545;
	background:url(../images/ysico.jpg) no-repeat 0 9px;
	width: 440px;
	margin-bottom: 25px;
	padding-left: 12px;

}
.ys1ico {
    background:url(../images/ys1ico.jpg) no-repeat;
    height: 500px;
    width: 536px;
    border: px solid #f00;
}
.ys2_box {
	width: 1200px;
	height: 500px;
	border: px solid #f00;
}
.ys2 {
	width: 455px;
	border: px solid #f00;
	height: 310px;
	margin-top: 120px;
	margin-right: 45px;
}
.ys2 h3 {
	position: relative;
	height: 118px;
	padding-left: 102px;
	font-size: 24px;
	color: #222222;
	font-weight: normal;
	font-style: italic;
	font-style:normal;
	line-height: 38px;
}
.ys2 h3 em {
	display: block;
	font-weight: bold;
	font-style:normal;
	color: #109E51;
}
.ys2 h3 b {
	font-style:normal;
	position: absolute;
	left:0;
	top:0;
	background:#109E51;
	border-top: 3px solid #454545;
	width: 65px;
	height: 77px;
	height: 77px;
	line-height: 77px;
	text-align: center;
	font-size: 46px;
	font-weight: bold;
	color: #fff;
	font-family: arial;
}
.ys2 p {
	font-size: 16px;
	line-height: 32px;
	color: #454545;
	background:url(../images/ysico.jpg) no-repeat 0 9px;
	width: 440px;
	margin-bottom: 25px;
	padding-left: 12px;
}
.ys2ico {
    background:url(../images/ys2ico.jpg) no-repeat;
    height: 480px;
    width: 537px;
    border: px solid #f00;
}
.ys3_box {
	border: px solid #f00;
	width: 1200px;
	height: 500px;
}
.ys3 {
	width: 455px;
	border: px solid #f00;
	height: 310px;
	margin-left: 45px;
	margin-top: 160px;
}
.ys3 h3 {
	position: relative;
	height: 118px;
	padding-left: 102px;
	font-size: 24px;
	color: #222222;
	font-weight: normal;
	font-style: italic;
	font-style:normal;
	line-height: 38px;
}
.ys3 h3 em {
	display: block;
	font-weight: bold;
	font-style:normal;
	color: #109E51;
}
.ys3 h3 b {
	font-style:normal;
	position: absolute;
	left:0;
	top:0;
	background:#109E51;
	border-top: 3px solid #454545;
	width: 65px;
	height: 77px;
	height: 77px;
	line-height: 77px;
	text-align: center;
	font-size: 46px;
	font-weight: bold;
	color: #fff;
	font-family: arial;
}
.ys3 p {
	font-size: 16px;
	line-height: 32px;
	color: #454545;
	background:url(../images/ysico.jpg) no-repeat 0 9px;
	width: 440px;
	margin-bottom: 25px;
	padding-left: 12px;
}
.ys3ico {
    background:url(../images/ys3ico.jpg) no-repeat;
    height: 577px;
    width: 537px;
    border: px solid #f00;
}
/*case*/
.fwxm {padding-top: 40px;background: #eee;width: 100%; border: px solid #f00;overflow: hidden;}

.case{background: #fff;position: relative;overflow: hidden;background:url(../images/yftbj2.jpg) no-repeat center bottom;}
.case a { color: #666; }
.case:after{content: "";width: 0;height: 0;position: absolute;border-right: 960px solid transparent;border-left: 960px solid transparent;left: 50%;top: 0;margin-left: -960px;}
.case .con{position: relative;height:700px;margin-top: 34px;overflow: hidden;}
.case .con .list{width: 864px;position: absolute;left: 50%;margin-left: -432px;}
.case .con .list .tempWrap{margin-left: -864px;}
.case .con .qh{position: relative; top: 275px; z-index: 1; left: 50%; margin-left: -600px;width: 1200px;}
.case .con .qh:after{content: "";background:rgba(0,0,0,0.52);width:528px;height: 648px;display: block;right: -360px;top:-275px;position: absolute;z-index: 1}
.case .con .qh:before{content: "";background:rgba(0,0,0,0.52);width:528px;height: 648px;display: block;left: -360px;top:-275px;position: absolute;z-index: 1}
.case .con .qh i.prev{float: left;margin-left: 108px;cursor: pointer;position: absolute;z-index: 2;}
.case .con .qh i.next{float: right;margin-right: 108px;cursor: pointer;position: absolute;right: 0;z-index: 2;}
.case .con dl{width: 864px;height:700px;position: relative;}
.case .con dt{line-height: 0;overflow: hidden;}
.case .con dt img{width: 864px;height: 648px;}
.case .con dd{height: 52px;background: #D5D5D5;position: relative;}
.case .con dd b{display: block;line-height: 52px;text-align: center;font-size: 18px;color: #191919;font-weight: normal;text-align: center;}
.case .con dd p,.case .con dd a.more{display: none;}
.case .con dl.cur dd{background: #109E51;height:142px;padding: 0 32px;}
.case .con dl.cur dd b{color: #fff;font-size: 20px;font-weight: bold;padding-bottom: 22px;display: block;line-height:52px;text-align:center;}
.case .con dl.cur dd b a{color: #fff;}
.case .con dl.cur dd p{line-height: 24px;color: #fff;opacity: 0.4;font-size: 16px;display: block;}
.case .con dl.left dd b{margin-right: 155px;text-align: right;}
.case .con dl.right dd b{margin-left: 155px;text-align: left;}

.fwlc {padding: 50px 0 70px 0;background: #eee;}
.fwlc h2 {font-size: 30px;text-align: center;margin-bottom: 35px;}
.fwlc h2 a {color: #109E51;}
.fwlc h2 i {display: block;font-size: 14px;color: #999;text-transform: uppercase;letter-spacing: 0.75em;margin-top: 12px;}
.fwlc .fwlcbg {background: url(../images/fwlcbg.png) no-repeat right center;}
.fwlc .fwlc_con {height: 194px;width: 1200px;padding: 0 146px;background: #fff;position: relative;left: -146px;padding-top: 54px;}
.fwlc .fwlc_con .conbox {float: left; width: 100px;padding-left: 120px;background: url(../images/fwlcline.png) no-repeat left 40px;position: relative;}
.fwlc .fwlc_con .conbox:first-child {padding-left: 0;background: none;}
.fwlc .fwlc_con .p1 {position: relative; display: block; max-width: 110px; margin: 0 auto; opacity: 1;filter: alpha(opacity=100); transition: all .5s cubic-bezier(.165,.84,.44,1); }
.fwlc .fwlc_con .p1 span {display: block;width: 100px;height: 100px;}
.fwlc .fwlc_con .p1 span img {display: block;width: 100px;height: 100px;}
.fwlc .fwlc_con .p1 i {display: block;text-align: center;font-size: 18px;color: #333;margin-top: 20px;}
.fwlc .fwlc_con .conbox dl {position: absolute;left: 22px;top: -51px; width: 269px;background: #fff;padding: 13px;z-index: 2;box-shadow: 0 0 35px #999;transition: all .5s cubic-bezier(.165,.84,.44,1);opacity: 0; z-index: 1;} 
.fwlc .fwlc_con .conbox:first-child dl {left: -100px;}
.fwlc .fwlc_con .conbox dl dt img {display: block;width: 268px;height: 220px;}
.fwlc .fwlc_con .conbox dl dd {margin-top: 20px;overflow: hidden;position: relative;height: 36px;line-height: 36px;}
.fwlc .fwlc_con .conbox dl dd span {float: left;font-size: 16px;color: #333;font-weight: bold;}
.fwlc .fwlc_con .conbox dl dd i {float: right;font-size: 14px;color: #999;}
.fwlc .fwlc_con .conbox:hover .p1 { opacity: 0;filter: alpha(opacity=0); transform: translateY(-30px); }
.fwlc .fwlc_con .conbox:hover dl { opacity: 1; top: -81px; transition-delay: .2s; }
/*优势
.ys_t_t{font-size: 30px;color: #333;text-align: center;height: 124px;line-height: 40px; background:url(../images/case_line.jpg) no-repeat center 47px;font-weight: normal;}
.ys_t_t a{font-size: 30px;color: #333;}
.ys_t_t span{display: block;font-size: 18px;padding: 5px 0 0;}
.ys_t_t i{color: #1366D1;font-size: 52px;font-family: Dinot;}
.ys_t{padding: 70px 0 0;}
.ys_t .case_t{height: 170px; background-position: center 56px;}
.ys01{ background:url(../images/ys_bg01.jpg) no-repeat center 0; height:337px; overflow:hidden;}
.ys02{ background:url(../images/ys_bg02.jpg) no-repeat center 0; height:337px; overflow:hidden;}
.ys03{ background:url(../images/ys_bg03.jpg) no-repeat center 0; height:337px; overflow:hidden;}
.ys04{ background:url(../images/ys_bg04.jpg) no-repeat center 0; height:337px; overflow:hidden;}
.ys dl{padding-top: 55px;width: 495px;padding-left: 650px;}
.ys dl dt{font-size: 24px;color: #1366D1;font-weight: bold; background:url(../images/ys_k01.gif) no-repeat 25px 0;height: 84px;line-height: 84px;}
.ys dl dd{padding: 8px 0 0;}
.ys dl dd p{font-size: 16px;color: #666;line-height: 32px;padding: 8px 0 0;}
.ys dl dd b{color: #333;font-weight: bold;}
.ys02 .ys dl,.ys04 .ys dl{width: 540px;padding-left: 30px;}
.ys span{display: block; font-size: 14px; color: #fff; width: 98px; height: 77px; text-align: center; line-height: 77px; overflow: hidden;background:url(../images/ys_k02.png) no-repeat center 0;position: absolute;top: 0;left: 1102px;text-transform: uppercase;} 
.ys02 .ys span,.ys04 .ys span{left: 465px;}*/

/*关于*/
.about{font-family:"Microsoft Yahei";line-height:30px;color: #7d7d7d;height:600px;background:url(../images/aboutbg.jpg) top center no-repeat;padding: 54px 0 0;text-align: center;}
.about_c{padding: 6px;display: block;background: url(../images/aboutbg2.png) ;margin-top: 50px;height: 380px;font-size: 16px;color: #000;}
.about_p,.about_p img{width:1188px;height:500px;display: block;overflow: hidden;}
.about_w{padding: 23px 30px 0;height: 182px;}
.about_w h3{height:74px;font-size: 30px;line-height: 74px;color: #109E51;}
.about_w a,.new_c dd p a,.faq_c dd p a{display: inline-block;color: #109E51;}

/*风采*/
.part{height: 300px;padding: px 0 0;position: relative;z-index: 99999;top: -110px;}
.prev1,.next1,.prev3,.next3,.prev2,.next2{width:42px;height:45px;display: block;overflow: hidden;top:120px;right:-18px;z-index: 9;cursor: pointer;}
.prev1{left:-18px;}
.prev3,.next3,.prev2,.next2{top:89px;right: 0;}
.prev3,.prev2{left: 0;}
.part_c{padding: 0 56px;}
.part_c a {color: #666;}
.part_c li{float: left;margin:0 15px 0 0;text-align: center;}
.part_c li p{border: solid 1px #d3d8de;}
.part_c li span{display: block;line-height: 44px;}
.part_c li p,.part_c li p img{width: 350px;height: 263px;display: block;overflow: hidden;}

/*新闻*/
.news {padding: 0px 0 45px 0;margin-bottom: 60px;height: 300px;}
.news .conleft {width: 785px;}
.news h3 {font-size: 28px;margin-bottom: 40px;background: url(../images/xztyline.png) no-repeat  135px center;}
.news h3 a {color: #333;}
.news .lTop {padding-left: 60px;position: relative;margin-bottom: 28px;}
.news .lTop dt {position: absolute;left: 0;top: 0;width: 40px;height: 112px; background: #109E51;color:#fff;}
.news .lTop dt p {line-height: 28px;text-align: center;width: 40px;}
.news .lTop dd.dd1 {margin-bottom: 20px;padding-top: 5px;}
.news .lTop dd.dd1 a {display: block;color: #333; font-size: 18px;white-space: nowrap;overflow: hidden; text-overflow: ellipsis;}
.news .lTop dd.dd1 i {display: block;font-size: 12px;color: #aaa;margin-top: 5px;}
.news .lTop dd.dd2 {line-height: 24px;}
.news .lTop dd.dd2 a {color: #999;}

.news .newsBox {padding-top: 40px;border-top: 1px dashed #e0e0e0;}
.news .newsBox li {float: left;width: 368px;margin-left: 43px;padding-bottom: 25px;border-bottom: 1px dashed #e0e0e0;margin-bottom: 25px;overflow: hidden;}
.news .newsBox li:nth-child(odd) {margin-left: 0;}
.news .newsBox li a {float: left;width: 265px;white-space: nowrap;overflow: hidden; text-overflow: ellipsis;padding-left: 22px;background: url(../images/newsicon01.jpg) no-repeat left center;}
.news .newsBox li span {float: right;font-size: 12px;color: #aaa;}
.news .newsBox li:hover a {background: url(../images/newsicon02.jpg) no-repeat left center;color: #25AF5F;}


.news .conright {width: 360px;}
.news .conright .cjwt {height: 340px;overflow: hidden;}
.news .conright .cjwt td {padding: 0;}
.news .conright ul li {height: 60px;margin-bottom: 10px;text-indent: 30px;background: url(../images/cjwtbg01.png) no-repeat center;width: 360px;}
.news .conright ul li a {display: block;height: 60px;line-height: 60px;white-space: nowrap;overflow: hidden; text-overflow: ellipsis;width: 300px;}
.news .conright ul li:hover {background: url(../images/cjwtbg02.png) no-repeat center;}
.news .conright ul li:hover a {color: #fff;}
/* 友情链接*/
.yqlj {margin-top: 60px;margin-bottom: 60px;}
.yqlj .box {text-align: left;}
.yqlj .box .p1 {display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;width: 143px;height: 43px;margin-right: 15px;}
.yqlj .box ul {display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;}
.yqlj .box ul li {float: left;padding: 0 20px;}
.yqlj .box ul li a {color: #999;}
.yqlj .box ul li:last-child {border-right: none;}
.yqlj .box ul li:hover a {color: #109E51;}